<template>
    <div class="Hm">
        <!-- 头部组件 -->
        <HeadDemo></HeadDemo>
        <li>
        
        </li>
        <!-- 主题组件 -->

        <!-- 底部组件 -->
    </div>
</template>
<script>
//引入HeadDemo组件，局部注册vue2写法
import HeadDemo from '@/views/components/HeadDemo.vue'
export default {
    name:'App',
    components: {
        //'组件名':组件对象
        HeadDemo: HeadDemo
    },
    
}
</script>
<style>


/**样式编辑 */
.Hm {
    width: 600px;
    height: 700px;
    background-color: cadetblue;
    margin: 0 auto;
    padding: 20px;
}
</style>